import React from "react";
import { modalPropsType } from "@/constants/types";
import { Card, Modal, Descriptions } from "antd";


const OrderPreview = ({visible, title}: modalPropsType) => {

  return (
    <Modal
      title={title}
      open={visible}
      maskClosable={false}
      footer={false}
    >
      <Card title="下单账户">
        <Descriptions column={2}>
          <Descriptions.Item label="公司名称">深圳市光影技术科技有限公司</Descriptions.Item>
          <Descriptions.Item label="结算方式">月结，开船付</Descriptions.Item>
          <Descriptions.Item label="下单手机">15889717602</Descriptions.Item>
          <Descriptions.Item label="联系人"> 江湖笑</Descriptions.Item>
        </Descriptions>
      </Card>
      <Card title="收发地址信息">
        <Descriptions column={2}>
          <Descriptions.Item label="收件地址">FBA/美国/ONT8</Descriptions.Item>
          <Descriptions.Item label="交货方式">上门取件</Descriptions.Item>
          <Descriptions.Item label="取货地址">广东省深圳市龙华区明治街道兴隆大厦0093</Descriptions.Item>
          <Descriptions.Item label="预约提货时间">2023-07-01   11:30——12:00</Descriptions.Item>
          <Descriptions.Item label="取货联系人">江湖笑</Descriptions.Item>
          <Descriptions.Item label="取货电话">13499987776</Descriptions.Item>
        </Descriptions>
      </Card>
      <Card title="渠道/产品">
        <Descriptions column={1}>
          <Descriptions.Item label="收件地址">渠道/产品</Descriptions.Item>
          <Descriptions.Item label="派送方式">卡派</Descriptions.Item>
        </Descriptions>
      </Card>
      <Card title="货物/产品信息">
        <Descriptions column={2}>
          <Descriptions.Item label="名称">普货</Descriptions.Item>
          <Descriptions.Item label="Ship ID">FBA3748D38 ; FBA37W40097</Descriptions.Item>
          <Descriptions.Item label="件数/箱">12</Descriptions.Item>
          <Descriptions.Item label="委托体积/CBM">200</Descriptions.Item>
          <Descriptions.Item label="委托重量/KG">555</Descriptions.Item>
          <Descriptions.Item label="货重比">167</Descriptions.Item>
        </Descriptions>
      </Card>
      <Card title="其他信息">
        <Descriptions column={3}>
          <Descriptions.Item label="报关">买单报关</Descriptions.Item>
          <Descriptions.Item label="税金">包税</Descriptions.Item>
          <Descriptions.Item label="保险">买保险，申报货值 100000</Descriptions.Item>
        </Descriptions>
      </Card>
      <Card title="报价及费用预估">
        <Descriptions column={4}>
          <Descriptions.Item label="单价/元">10.00/KGS</Descriptions.Item>
          <Descriptions.Item label="附加费单价/元">1.00</Descriptions.Item>
          <Descriptions.Item label="税金/元">0</Descriptions.Item>
          <Descriptions.Item label="提货费/元">实报实销</Descriptions.Item>
          <Descriptions.Item label="保险费/元">1000</Descriptions.Item>
          <Descriptions.Item label="商检费/元">350</Descriptions.Item>
          <Descriptions.Item label="优惠券">满1000减300</Descriptions.Item>
          <Descriptions.Item label="货重比">1:167</Descriptions.Item>
          <Descriptions.Item label="计费体积/CBM">1.2</Descriptions.Item>
          <Descriptions.Item label="计费重量金/KG">120</Descriptions.Item>
        </Descriptions>
        <div>预估总费用: 1360.00</div>
        <div>（单价x计费重+税金+提货费+保险费+商检费+优惠券）</div>
        <div>=10x120+0+0+100+350+10x1-300</div>
        <div>=1360</div>
      </Card>
    </Modal>
  );
}
export default OrderPreview;